<!-- 定义模版对象 -->
<template>
    <div class="test">
      <div class="test_box">
        It's a test page.
      </div>
    </div>
</template>

<!-- 定义JS变量 -->
<script>
export default {
  data(){
    return {

    }
  },
  methods: {

  }
}
</script>


<!-- 防止组件冲突 -->
<style lang="less" scoped>
.test{
  background: #3494E6; 
  background: -webkit-linear-gradient(to right, #EC6EAD, #3494E6); 
  background: linear-gradient(to right, #EC6EAD, #3494E6);
  height: 100%;
}

.test_box {
  font-size: xx-large;
  position: absolute;
  left: 40%;
  top: 40%;
}
</style>
